<div class="col-xs-12 col-sm-9 col-lg-10 bg_white">
    <ul class="nav nav-tabs">
        <li class="active"><a href="{php echo url('weizhan/editor/quickmenu', array('multiid' => $multiid))}">快捷菜单</a></li>
    </ul>
    <form action="" method="post">
        <div class="shopNav" id="quickmenu" ng-controller="quickMenuCtrl">
            <div class="well clearfix">
                <div class="shopNav-info col-sm-8">
                    <h3>快捷导航</h3>
                    <div>微站的各个页面可以通过导航串联起来。通过精心设置的导航，方便访问者在页面或是栏目间快速切换，引导访问者前往您期望的页面。</div>
                </div>
                <div class="shopNav-switch col-sm-4 text-right">
                    <input type="checkbox" name="status" value="1" {if !empty($page['status'])}checked="checked"{/if} />
                </div>
            </div>
            <input type="hidden" name="multiid" value="{$multiid}" />
            <input type="hidden" name="type" value="{$type}" />
            <input type="hidden" name="wapeditor[params]" id="wapeditor-params" value="{{submit.params}}"/>
            <input type="hidden" name="wapeditor[html]" id="wapeditor-html" value="{{submit.html}}"/>
            <div class="app clearfix">
                <div class="app-preview">
                    <div class="app-header"></div>
                    <div class="app-content">
                        <div class="inner">
                            <div class="title">
                                <h1><span>[页面标题]</span></h1>
                            </div>
                        </div>
                        <div class="nav-menu" style="display:none;">
                            <div class="js-quickmenu nav-menu-wx clearfix" ng-class="{0 : 'has-nav-0', 1 : 'has-nav-1', 2: 'has-nav-2', 3: 'has-nav-3', 4 : 'has-nav-3'}[activeItem.menus.length]" ng-if="activeItem.navStyle == 1">
                                <div class="nav-home text-center">
                                    <a href="{$_W['siteroot']}app/index.php?i={$_W['uniacid']}&j={$_W['acid']}"><i class="fa fa-home"></i></a>
                                </div>
                                <ul class="nav-group">
                                    <li class="nav-group-item" ng-if="$index < 3" ng-repeat="menu in activeItem.menus">
                                        <a ng-if="menu.submenus.length == 0" href="{{menu.url}}">
                                            {{menu.title}}
                                        </a>
                                        <a ng-if="menu.submenus.length > 0" href="javascript:void();" data-toggle="dropdown">
                                            <i class="fa fa-minus-circle"></i>
                                            {{menu.title}}
                                        </a>
                                        <dl ng-if="menu.submenus.length > 0">
                                            <dd>
                                                <a href="{{submenu.url}}" ng-repeat="submenu in menu.submenus">{{submenu.title}}</a>
                                            </dd>
                                        </dl>
                                    </li>
                                </ul>
                            </div>
                            <div class="js-quickmenu nav-menu-app has-nav-0" ng-if="activeItem.navStyle == 2" ng-class="{0 : 'has-nav-0', 1 : 'has-nav-1', 2: 'has-nav-2', 3: 'has-nav-3', 4: 'has-nav-4', 5: 'has-nav-5'}[activeItem.menus.length]" ng-style="{'background-color' : activeItem.bgColor}">
                                <ul class="nav-group clearfix">
                                    <li class="nav-group-item" ng-repeat="menu in activeItem.menus">
                                        <a href="{{menu.url}}" style="background-position: center 2px" ng-style="{'background-image': menu.image ? 'url('+menu.image+')' : ''}">
                                            <i ng-hide="menu.image" class="fa" ng-style="{'color' : menu.icon.color}" js-onclass-name="{{menu.hovericon.name}}" js-onclass-color="{{menu.hovericon.color}}" ng-class="menu.icon.name"></i>
                                            <span ng-style="{'color' : menu.icon.color}" js-onclass-color="{{menu.hovericon.color}}">{{menu.title}}</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="js-quickmenu nav-menu-cart" ng-if="activeItem.navStyle == 3" ng-class="{0 : 'has-nav-0', 1 : 'has-nav-1', 2: 'has-nav-2', 3: 'has-nav-3', 4: 'has-nav-4'}[activeItem.menus.length]" ng-style="{'background-color' : activeItem.bgColor}">
                                <ul class="nav-group clearfix">
                                    <li class="nav-group-item">
                                        <a href="{{activeItem.menus[0].url}}" ng-style="{'background-image': activeItem.menus[0].image ? 'url('+activeItem.menus[0].image+')' : ''}">
                                            <i ng-hide="activeItem.menus[0].image" class="fa" ng-style="{'color' : activeItem.menus[0].icon.color}"
                                               ng-class="activeItem.menus[0].icon.name">
                                            </i>
                                        </a>
                                    </li>
                                    <li ng-if="activeItem.menus[2]" class="nav-group-item">
                                        <a href="{{activeItem.menus[1].url}}" ng-style="{'background-image': activeItem.menus[1].image ? 'url('+activeItem.menus[1].image+')' : ''}">
                                            <i ng-hide="activeItem.menus[1].image" class="fa" ng-style="{'color' : activeItem.menus[1].icon.color}" ng-class="activeItem.menus[1].icon.name"></i>
                                        </a>
                                    </li>
                                    <li class="nav-home nav-group-item">
                                        <a href="{{activeItem.extend[0].url}}" ng-style="{'background-image': activeItem.extend[0].image ? 'url('+activeItem.extend[0].image+')' : ''}">
                                            <i ng-hide="activeItem.extend[0].image" class="fa" ng-style="{'color' : activeItem.extend[0].icon.color}" ng-class="activeItem.extend[0].icon.name"></i>
                                        </a>
                                    </li>
                                    <li class="nav-group-item" ng-if="activeItem.menus[1]">
                                        <a ng-if="!activeItem.menus[2]" href="{{activeItem.menus[1].url}}" ng-style="{'background-image': activeItem.menus[1].image ? 'url('+activeItem.menus[1].image+')' : ''}">
                                            <i ng-hide="activeItem.menus[1].image" class="fa" ng-style="{'color' : activeItem.menus[1].icon.color}" ng-class="activeItem.menus[1].icon.name"></i>
                                        </a>
                                        <a ng-if="activeItem.menus[2]" href="{{activeItem.menus[2].url}}" ng-style="{'background-image': activeItem.menus[2].image ? 'url('+activeItem.menus[2].image+')' : ''}">
                                            <i ng-hide="activeItem.menus[2].image" class="fa" ng-style="{'color' : activeItem.menus[2].icon.color}" ng-class="activeItem.menus[2].icon.name"></i>
                                        </a>
                                    </li>
                                    <li ng-if="activeItem.menus[3]" class="nav-group-item">
                                        <a href="{{activeItem.menus[3].url}}" ng-style="{'background-image': activeItem.menus[3].image ? 'url('+activeItem.menus[3].image+')' : ''}">
                                            <i ng-hide="activeItem.menus[3].image" class="fa" ng-style="{'color' : activeItem.menus[3].icon.color}" ng-class="activeItem.menus[3].icon.name"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="js-quickmenu nav-menu-path rotate-nav has-nav-4" ng-if="activeItem.navStyle == 4">
                                <div class="nav-group">
                                    <div class="nav-group-item on" ng-repeat="menu in activeItem.menus">
                                        <a href="{{menu.url}}" ng-style="{'background-image': menu.image ? 'url('+menu.image+')' : ''}">
                                            <i ng-hide="menu.image" class="fa" ng-style="{'color' : menu.icon.color}" ng-class="menu.icon.name"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="nav-home nav-group-item">
                                    <a href="javascript:;" style="background-image:url(./resource/images/app/centerbtn.png);"></a>
                                </div>
                            </div>
                            <div class="js-quickmenu nav-menu-sides rotate-nav has-nav-4" ng-if="activeItem.navStyle == 5">
                                <div class="nav-group">
                                    <div class="nav-group-item on" ng-repeat="menu in activeItem.menus">
                                        <a href="{{menu.url}}" ng-style="{'background-image': menu.image ? 'url('+menu.image+')' : ''}">
                                            <i ng-hide="menu.image" class="fa" ng-style="{'color' : menu.icon.color}" ng-class="menu.icon.name"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="main-nav">
                                    <div class="nav-group-item pull-left">
                                        <a href="{{activeItem.extend[0].url}}" ng-style="{'background-image': activeItem.extend[0].image ? 'url('+activeItem.extend[0].image+')' : ''}">
                                            <i ng-hide="activeItem.extend[0].image" class="fa" ng-style="{'color' : activeItem.extend[0].icon.color}" ng-class="activeItem.extend[0].icon.name"></i>
                                        </a>
                                    </div>
                                    <div class="nav-home nav-group-item" onclick="toggle(this)">
                                        <a href="javascript:;" style="background-image:url(./resource/images/app/centerbtn.png);"></a>
                                    </div>
                                    <div class="nav-group-item pull-right">
                                        <a href="{{activeItem.extend[1].url}}" ng-style="{'background-image': activeItem.extend[1].image ? 'url('+activeItem.extend[1].image+')' : ''}">
                                            <i ng-hide="activeItem.extend[1].image" class="fa" ng-style="{'color' : activeItem.extend[1].icon.color}" ng-class="activeItem.extend[1].icon.name"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="app-side">
                    {if $type == '2'}
                    <div class="panel panel-default" style="margin-bottom:15px; padding-bottom:0;">
                        <div class="panel-body">
                            <div>将导航应用在以下页面:</div>
                            <div style="margin:10px 0;">
                                <label class="checkbox-inline">
                                    <input type="checkbox" name="position" ng-model="activeItem.position.homepage" /> 微站主页
                                </label>
                                <label class="checkbox-inline">
                                    <input type="checkbox" name="position" ng-model="activeItem.position.page" /> 微页面
                                </label>
                                <label class="checkbox-inline">
                                    <input type="checkbox" name="position" ng-model="activeItem.position.article" /> 文章及分类
                                </label>
                            </div>
                            <div>将导航隐藏在以下模块: <a ng-click="showSearchModules()" href="javascript:;">选择模块</a></div>
                            <div>
                                <div class="form-control-static">
                                    <label class="label label-warning" ng-show="!hasIgnoreModules">未设置，将在全部模块中显示</label>
                                    <label style="margin-right:5px;" class="label label-success" ng-show="hasIgnoreModules" ng-repeat="module in activeItem.ignoreModules">{{module.title}}</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    {/if}
                    <div class="app-shopNav-edit" style="display:none;">
                        <div class="arrow-left"></div>
                        <div class="inner">
                            <div class="panel panel-default form-horizontal">
                                <div class="panel-body">
                                    <div class="shopNav-edit-header clearfix">
                                        <div class="pull-right">
                                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#shop-nav-modal">修改模板</button>
                                        </div>
                                        <div>当前模板: 微信公众号自定义菜单模板</div>
                                    </div>
                                    <!--微信公众号自定义菜单模板:shopNav-wx-->
                                    <div class="shopNav-wx" ng-show="activeItem.navStyle == 1">
                                        <div class="card" ng-init="$parentIndex = $index" ng-repeat="menu in activeItem.menus">
                                            <div class="btns">
                                                <a href="javascript:;" ng-click="removeMenu(menu)"><i class="fa fa-times"></i></a>
                                            </div>
                                            <div class="nav-region">
                                                <div class="first-nav">
                                                    <h3>一级导航</h3>
                                                    <div class="alert">
                                                        <div class="form-group">
                                                            <label class="control-label col-xs-3">标题</label>
                                                            <div class="col-xs-9">
                                                                <input type="text" class="form-control" name="" value="" ng-model="menu.title" />
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="control-label col-xs-3">链接到</label>
                                                            <div class="col-xs-9 ">
                                                                <div ng-my-linker ng-my-url="menu.url" ng-my-title="menu.title"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="second-nav">
                                                    <h4>二级导航</h4>
                                                    <div class="alert" ng-repeat="submenu in menu.submenus">
                                                        <div class="del">
                                                            <a href="javascript:;" ng-click="removeSubMenu($parentIndex, submenu)"><i class="fa fa-times"></i></a>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="control-label col-xs-3">标题</label>
                                                            <div class="col-xs-9">
                                                                <input type="text" class="form-control" name="" ng-model="submenu.title">
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="control-label col-xs-3">链接到</label>
                                                            <div class="col-xs-9 ">
                                                                <div ng-my-linker ng-my-url="submenu.url" ng-my-title="submenu.title"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div ng-show="menu.submenus.length < 5" ng-click="menu.submenus.length >= 5 ? '' : addSubMenu(menu);" class="add-shopNav">+ 添加二级导航</div>
                                                    <!--最多可添加5个-->
                                                </div>
                                            </div>
                                        </div>
                                        <div ng-show="activeItem.menus.length < 3" class="add-shopNav text-center" ng-click="activeItem.menus.length >= 3 ? '' : addMenu();">+添加一级导航</div>
                                        <!--最多添加三个导航-->
                                    </div>
                                    <!--end微信公众号自定义菜单模板-->
                                    <!--APP导航样式:shopNav-app-->
                                    <div class="shopNav-app" ng-show="activeItem.navStyle == 2">
                                        <div class="form-group" style="border-bottom:1px solid #e5e5e5; padding:0 0 15px 0; margin:10px 0 0 0;">
                                            <label class="col-xs-3 control-label">页面颜色</label>
                                            <div class="col-xs-9 ">
                                                <div ng-my-colorpicker ng-my-color="activeItem.bgColor" ng-my-default-color="'#2B2D30'"></div>
                                            </div>
                                        </div>
                                        <div class="card" ng-repeat="menu in activeItem.menus">
                                            <div class="btns">
                                                <a href="javascript:;" ng-click="removeMenu(menu)"><i class="fa fa-times"></i></a>
                                            </div>
                                            <div class="nav-img-group">
                                                <div class="clearfix">
                                                    <div class="nav-img-normal pull-left">
                                                        <p>普通：</p>
                                                        <div ng-my-iconer ng-my-image="menu.image" ng-my-icon="menu.icon">选择</div>
                                                    </div>
                                                    <div class="nav-img-highlight pull-left">
                                                        <p>高亮：</p>
                                                        <div ng-my-iconer ng-my-image="menu.hoverimage" ng-my-icon="menu.hovericon">选择</div>
                                                    </div>
                                                </div>
                                                <div class="help-block">图片尺寸要求：不大于128*100像素，支持PNG格式</div>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label col-xs-3">标题</label>
                                                <div class="col-xs-9">
                                                    <input type="text" class="form-control" name="" ng-model="menu.title">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label col-xs-3">链接到</label>
                                                <div class="col-xs-9 ">
                                                    <div ng-my-linker ng-my-url="menu.url" ng-my-title="menu.title"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="add-shopNav text-center" ng-show="activeItem.menus.length < 5" ng-click="activeItem.menus.length >= 5 ? '' : addMenu();">+添加导航</div>
                                    </div>
                                    <!--end APP导航样式-->
                                    <!--带购物车导航模板-->
                                    <div class="shopNav-cart" ng-show="activeItem.navStyle == 3">
                                        <div class="form-group" style="border-bottom:1px solid #e5e5e5; padding:0 0 15px 0; margin:0 0 10px 0;">
                                            <label class="col-xs-3 control-label">页面颜色</label>
                                            <div class="col-xs-9">
                                                <div ng-my-colorpicker ng-my-color="activeItem.bgColor" ng-my-default-color="'#2B2D30'"></div>
                                            </div>
                                        </div>
                                        <p>添加中间主图标</p>
                                        <div class="card">
                                            <div class="nav-img-group">
                                                <div class="clearfix">
                                                    <div class="nav-img-normal pull-left">
                                                        <p>普通：</p>
                                                        <div ng-my-iconer ng-my-image="activeItem.extend[0].image" ng-my-icon="activeItem.extend[0].icon">选择</div>
                                                    </div>
                                                    <div class="nav-img-highlight pull-left">
                                                        <p>高亮：</p>
                                                        <div ng-my-iconer ng-my-image="activeItem.extend[0].hoverimage" ng-my-icon="activeItem.extend[0].hovericon">选择</div>
                                                    </div>
                                                </div>
                                                <div class="help-block">图片尺寸要求：不大于128*100像素，支持PNG格式</div>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label col-xs-3">链接到</label>
                                                <div class="col-xs-9 "><div ng-my-linker ng-my-url="activeItem.extend[0].url" ng-my-title="activeItem.extend[0].title"></div></div>
                                            </div>
                                        </div>
                                        <p>添加两侧图标</p>
                                        <div class="help-block">此导航模板建议您用两个或者四个自定义图标效果图最佳哦！</div>
                                        <div class="card" ng-repeat="menu in activeItem.menus">
                                            <div class="nav-img-group">
                                                <div class="btns">
                                                    <a href="javascript:;" ng-click="removeMenu(menu)"><i class="fa fa-times"></i></a>
                                                </div>
                                                <div class="clearfix">
                                                    <div class="nav-img-normal pull-left">
                                                        <p>普通：</p>
                                                        <div ng-my-iconer ng-my-image="menu.image" ng-my-icon="menu.icon">选择</div>
                                                    </div>
                                                    <div class="nav-img-highlight pull-left">
                                                        <p>高亮：</p>
                                                        <div ng-my-iconer ng-my-image="menu.hoverimage" ng-my-icon="menu.hovericon">选择</div>
                                                    </div>
                                                </div>
                                                <div class="help-block">图片尺寸要求：不大于128*100像素，支持PNG格式</div>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label col-xs-3">链接到</label>
                                                <div class="col-xs-9 ">
                                                    <div ng-my-linker ng-my-url="menu.url" ng-my-title="menu.title"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="add-shopNav text-center" ng-show="activeItem.menus.length < 4" ng-click="activeItem.menus.length >= 4 ? '' : addMenu();">+添加导航</div>
                                    </div>
                                    <!--end 带购物车导航模板-->
                                    <!--Path展开形式导航模板-->
                                    <div class="shopNav-path" ng-show="activeItem.navStyle == 4">
                                        <form class="form-horizontal" action="" method="post">
                                            <p class="help-block">此导航模板建议您用三个自定义图标效果最佳哦！</p>
                                            <div class="card" ng-repeat="menu in activeItem.menus">
                                                <div class="btns"><a href="javascript:;" ng-click="removeMenu(menu)"><i class="fa fa-times"></i></a></div>
                                                <div class="nav-img-group">
                                                    <div class="clearfix">
                                                        <div class="nav-img-normal pull-left">
                                                            <p>普通：</p>
                                                            <div ng-my-iconer ng-my-image="menu.image" ng-my-icon="menu.icon">选择</div>
                                                        </div>
                                                    </div>
                                                    <div class="help-block">图片尺寸要求：不大于128*100像素，支持PNG格式</div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="control-label col-xs-3">链接到</label>
                                                    <div class="col-xs-9 "><div ng-my-linker ng-my-url="menu.url" ng-my-title="menu.title"></div></div>
                                                </div>
                                            </div>
                                            <div class="add-shopNav text-center" ng-show="activeItem.menus.length < 4" ng-click="activeItem.menus.length >= 4 ? '' : addMenu();">+添加导航</div>
                                            <!--最多可添加4个-->
                                        </form>
                                    </div>
                                    <!--end Path展开形式导航模板-->
                                    <!--两侧展开导航模板-->
                                    <div class="shopNav-sides" ng-show="activeItem.navStyle == 5">
                                        <form class="form-horizontal" action="" method="post">
                                            <p>添加两侧一级图标</p>
                                            <div class="card">
                                                <div class="nav-img-group">
                                                    <div class="clearfix">
                                                        <div class="nav-img-normal pull-left">
                                                            <p>普通：</p>
                                                            <div ng-my-iconer ng-my-image="activeItem.extend[0].image" ng-my-icon="activeItem.extend[0].icon">选择</div>
                                                        </div>
                                                    </div>
                                                    <div class="help-block">图片尺寸要求：不大于128*100像素，支持PNG格式</div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="control-label col-xs-3">链接到</label>
                                                    <div class="col-xs-9 ">
                                                        <div ng-my-linker ng-my-url="activeItem.extend[0].url" ng-my-title="activeItem.extend[0].title"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="card">
                                                <div class="nav-img-group">
                                                    <div class="clearfix">
                                                        <div class="nav-img-normal pull-left">
                                                            <p>普通：</p>
                                                            <div ng-my-iconer ng-my-image="activeItem.extend[1].image" ng-my-icon="activeItem.extend[1].icon">选择</div>
                                                        </div>
                                                    </div>
                                                    <div class="help-block">图片尺寸要求：不大于128*100像素，支持PNG格式</div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="control-label col-xs-3">链接到</label>
                                                    <div class="col-xs-9 ">
                                                        <div ng-my-linker ng-my-url="activeItem.extend[1].url" ng-my-title="activeItem.extend[1].title"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <p>添加中间二级标题</p>
                                            <p class="help-block">此导航模板建议您用四个自定义图标效果最佳哦！</p>
                                            <div class="card" ng-repeat="menu in activeItem.menus">
                                                <div class="btns">
                                                    <a href="javascript:;" ng-click="removeMenu(menu)"><i class="fa fa-times"></i></a>
                                                </div>
                                                <div class="nav-img-group">
                                                    <div class="clearfix">
                                                        <div class="nav-img-normal pull-left">
                                                            <p>普通：</p>
                                                            <div ng-my-iconer ng-my-image="menu.image" ng-my-icon="menu.icon">选择</div>
                                                        </div>
                                                    </div>
                                                    <div class="help-block">图片尺寸要求：不大于128*100像素，支持PNG格式</div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="control-label col-xs-3">链接到</label>
                                                    <div class="col-xs-9 ">
                                                        <div ng-my-linker ng-my-url="menu.url" ng-my-title="menu.title"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="add-shopNav text-center" ng-show="activeItem.menus.length < 4" ng-click="activeItem.menus.length >= 4 ? '' : addMenu();">+添加导航</div>
                                            <!--最多可添加4个-->
                                        </form>
                                    </div>
                                    <!--end 两侧展开导航模板-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="shop-preview col-xs-12 col-md-sm-9 col-lg-10"">
                <div class="text-center alert alert-warning">
                    <a class="btn btn-primary js-editor-submit" href="javascript:;">保存</a>
                </div>
            </div>
            <!--选择导航模板模态框-->
            <div class="modal fade" id="shop-nav-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel">选择导航模板</h4>
                        </div>
                        <div class="modal-body clearfix">
                            <div class="alert">
                                <label class="radio-inline">
                                    <input type="radio" name="nav_style" value="1" ng-checked="activeItem.navStyle == 1">
                                    微信公众号自定义菜单样式
                                </label>
                                <div class="wx-example"></div>
                            </div>
                            <div class="alert">
                                <label class="radio-inline">
                                    <input type="radio" name="nav_style" value="2" ng-checked="activeItem.navStyle == 2">
                                    APP导航模板1（图标及底色都可配置）
                                </label>
                                <div class="app-example"></div>
                            </div>
                            <div class="alert">
                                <label class="radio-inline">
                                    <input type="radio" name="nav_style" value="3" ng-checked="activeItem.navStyle == 3">
                                    APP导航模板2
                                </label>
                                <div class="cart-example"></div>
                            </div>
                            <div class="col-xs-6" style="padding-left:0;">
                                <div class="alert">
                                    <label class="radio-inline">
                                        <input type="radio" name="nav_style" value="4" ng-checked="activeItem.navStyle == 4">
                                        Path展开形式导航
                                    </label>
                                    <div class="path-example"></div>
                                </div>
                            </div>
                            <div class="col-xs-6" style="padding-right:0;">
                                <div class="alert">
                                    <label class="radio-inline">
                                        <input type="radio" name="nav_style" value="5">
                                        两侧展开形式导航
                                    </label>
                                    <div class="sides-example"></div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                            <button type="button" class="btn btn-primary" data-dismiss="modal" ng-click="selectNavStyle()">确定</button>
                        </div>
                    </div>
                </div>
            </div>
            <!--选择模块模态框-->
            <div class="modal fade" id="shop-modules-modal" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title">选择忽略模块</h4>
                        </div>
                        <div class="modal-body clearfix">
                            <table class="table table-hover">
                                <thead class="navbar-inner">
                                <tr>
                                    <th style="width:70%;">标题</th>
                                    <th style="width:30%; text-align:right"></th>
                                </tr>
                                </thead>
                                <tbody>
                                {loop $modules $m}
                                <tr>
                                    <td>{$m['title']}({$m['name']})</td>
                                    <td>
                                        <a class="btn btn-default js-btn-select" ng-class="{'btn-primary' : activeItem.ignoreModules['{$m['name']}']}" js-name="{$m['name']}" js-title="{$m['title']}" onclick="$(this).toggleClass('btn-primary');$(this).html($(this).hasClass('btn-primary') ? '取消' : '选取')">选取</a>
                                    </td>
                                </tr>
                                {/loop}
                                </tbody>
                            </table>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</div>
</form>
<script type="text/javascript">
    $(function(){
        require(['wapeditor', 'bootstrap.switch'], function() {
            $(":checkbox[name='status']").bootstrapSwitch();
            activeItem = {php echo !empty($page['params']) ? $page['params'] : 'null'};
            angular.bootstrap($('#quickmenu')[0], ['app']);
        });
        $('.app-content').click(function(){
            return false;
        });
    });
</script>
</div>